<html>
<head>
<script language="javascript">
function SingleSelect(regex,current)
{
 re = new RegExp(regex);
 forms =  document.forms.length
 len =  document.forms[0].elements.length

 for(i=0 ; i<forms; i++)
  for(j = 0; j < len; j++) {
      elm = document.forms[i].elements[j];

      if (elm.type == 'checkbox') {
       if (re.test(elm.name)) {
           elm.checked = false;
     }
  }
}
  current.checked = true;
}

</script>

</head>
<body>
</body>

<style>
.space{ line-height: .25 em;}
p { margin-top: 0.18em;}

body,html{
      margin-top:1;
      margin-left:30;
      margin-right:25;
}

#idform {display:inline;}
#email { color: blue; }
#red   { color: red; }
#title { font-size:24 px; font-weight: bold;}
#app   { font-size:22 px; font-weight: bold;}
#hinst { font-size:18 px;font-weight: bold;}
#inst  { font-size:16 px; }
#form  { font-size:16 px; }
#bar_tr{ border-top: 2px solid black;}
#office   { font-size:14 px; }


.eline{
        font-family: "Comic Sans MS", "Brush Script MT", cursive;
        font-size:16 px;
        background: #fefefe;
        border: none;
        height : 25 px;
        border-bottom: 1px solid black;
}

.e25  { width : 25 px; }
.e50 { width : 50 px; }
.e75 { width : 75 px; }
.e100 { width : 100 px; }
.e150 { width : 150 px; }
.e200 { width : 200 px; }
.e125 { width : 125 px; }
.e150 { width : 150 px; }
.e200 { width : 200 px; }
.e250 { width : 250 px; }
.e300 { width : 300 px; }
.e400 { width : 400 px; }
.e450 { width : 450 px;  }

#indent{
        text-indent: 180px;
}

</style>

<center>
<div id="title"> Santa Clara Tennis Club</div>
<div id="app"> 2012 Membership Application</div>
</center>
INSTRUCTIONS:
<div id="inst">
 <ol>
  <li> Fill out the below application completely. Be sure to sign, date it and include payment. </li> 
  <li> You may complete your membership form by typing in the fields online, and signing a printed copy.</li>
  <li> Attach a check for the amount due (see below), made payable to "SCTC". </li>
  <li> Mail application and check to: SCTC PO Box 2645, Santa Clara CA , 95054</li>
 </ol>
  </div >

<table width="800"><td id="bar_tr"></td></table>


<div id="form">
  <form>
<p>
<!--
 <span style="position:absolute; width:25em; left:5em;">
-->
 <span>
  <input type="checkbox" name="renew" onclick="SingleSelect('renew',this);"/> 
  New 
  <input type="checkbox" name="renew" onclick="SingleSelect('renew',this);"/>  
  Renewal <!-- (until 4/1/12)  -->

<!--
  Family Conversion
  <input type="checkbox" name="renew" onclick="SingleSelect('renew',this);"/>
-->
 </span>

<!--<b>Please print legibly.</b> 
-->
<p>

  First Name: <input value="" class="eline e200" name="fname" type="text"/> &nbsp;&nbsp;&nbsp;&nbsp;
  Last Name:  <input value="" class="eline e200" name="lname" type="text"/>  
  <br>
  M<input type="checkbox" id="gender" value="M" name="gender" onclick="SingleSelect('gender',this);"/>  
  F<input type="checkbox" id="gender" value ="F" name="gender" onclick="SingleSelect('gender',this);"/> 
  &nbsp;&nbsp;&nbsp;&nbsp;
  NTRP*: <input value="" class="eline e50" name="ntrp" type="text"/> &nbsp;&nbsp;
  (2.5/3.0/3.5/4.0/4.5/5.0)
  <p>
  Address: <input value="" class="eline e400" name="address" type="text"/>  
  <br>
  City:  <input value="" class="eline e200" name = "city" type="text"/> 
  &nbsp;&nbsp;&nbsp;&nbsp;
  Zip: <input value="" class="eline e75" name="zip" type="text"/>   
  <br>
  Contact Phone: (<input value = "" class="eline e50" name="areacode" type="text"/>)    
  <input value = "" class="eline e50" name="pphone3" type="text"/> -   
  <input value = "" class="eline e50" name="pphone4" type="text"/>    
  <p>
  Email Address:    <input value="" class="eline e400" name="email" type="text"/> 
  <p>
  USTA Team/Captain's Name: <input value="" class="eline e150" name="email" type="text"/> 
  / <input value="" class="eline e150" name="email" type="text"/> (if you are joining a USTA team)

  <p>
  Additional Members (Family Membership) - Write additional names on back.<br>
  First Name: <input value="" class="eline e150" name="fname" type="text"/>
  Last Name:  <input value="" class="eline e150" name="lname" type="text"/>  
  M<input type="checkbox" id="gender" value="M" name="famg1" onclick="SingleSelect('famg1',this);"/>&nbsp;&nbsp;
  F<input type="checkbox" id="gender" value="F" name="famg1" onclick="SingleSelect('famg1',this);"/>&nbsp;&nbsp;
  NTRP*: <input value="" class="eline e50" name="ntrp" type="text"/> 
  <br>
  First Name: <input value="" class="eline e150" name="fname" type="text"/>
  Last Name: <input value="" class="eline e150" name="lname" type="text"/>  
  M<input type="checkbox" id="gender" value="M" name="famg2" onclick="SingleSelect('famg2',this);"/>&nbsp&nbsp;
  F<input type="checkbox" id="gender" value ="F" name="famg2" onclick="SingleSelect('famg2',this);"/>&nbsp;&nbsp;
  NTRP*: <input value="" class="eline e50" name="ntrp" type="text"/> 
  <br>
  First Name: <input value="" class="eline e150" name="fname" type="text"/>
  Last Name: <input value="" class="eline e150" name="lname" type="text"/>  
  M<input type="checkbox" id="gender" value="M" name="famg3" onclick="SingleSelect('famg3',this);"/>&nbsp;&nbsp;
  F<input type="checkbox" id="gender" value ="F" name="famg3" onclick="SingleSelect('famg3',this);"/>&nbsp;&nbsp;
  NTRP*: <input value="" class="eline e50" name="ntrp" type="text"/> 
  <p>
  <b>*</b> If you don't have an official NTRP rating and would like one: <br>
  Use the definitions in General Characteristics of various NTRP Playing Levels on the USTA.com website to self
  rate or contact a USPTA or USPTR certified teaching pro to find out how your playing level can be accessed.
  If your rating changes during the membership year, please notify the SCTC Director of Membership at
  membership@sctennisclub.org to update the membership roster.
  <p>
  <b>MEMBERSHIP TYPE:</b> Mark the one that applies to you. <br>
  Santa Clara Residents &nbsp;
<!--  <span style="position: absolute; left: 30em">-->
  <span style="position: relative; left: 1em">
  <input type="checkbox" name="memb" onclick="SingleSelect('memb',this);"/> Single/Family - $20&nbsp;
  <input type="checkbox" name="memb" onclick="SingleSelect('memb',this);"/> Jrs(under 16) - $10  &nbsp;
  </span>
  <br>
  Non-SC Residents &nbsp;
<!--  <span style="position: absolute; left: 30em"> -->
  <span style="position: relative; left: 2.5em">
  <input type="checkbox" name="memb" onclick="SingleSelect('memb',this);"/> Single- $25  &nbsp;
  <input type="checkbox" name="memb" onclick="SingleSelect('memb',this);"/> Family - $35  &nbsp;
  <input type="checkbox" name="memb"  onclick="SingleSelect('memb',this);"/> Jrs(under 16) - $12.50   &nbsp;
  </span>
  <p>
<!--
  <b>Make checks payable to Santa Clara Tennis Club.</b> Mail check and application to: <br>
  Santa Clara Tennis Club<br>
  PO Box 2645 <br>
  Santa Clara, CA 95054 
  <p>
-->

  <b>I am interested in helping with club activities:</b><br>
  <input type="checkbox" name="IntTou"/> Tournaments<br>
  <input type="checkbox" name="IntRef"/> Refreshments for Events<br>
  <input type="checkbox" name="IntSoc"/> Socials<br>
  <input type="checkbox" name="IntOth"/> Other  <input value="" class="eline e200" name="fname" type="text"/><br>
  <p>

  <p>
  <b>WAIVER:</b> <br>
  I, the undersigned, do hereby agree to indemnify and hold harmless the City of Santa Clara and the Santa Clara
  Tennis Club, from and against any and all liabilities for any injury which may be incurred by
  the undersigned arising out of, or in any way connected in any event sponsored by the aforenamed.
  <p>
  Signature:  <input type="text" class="eline e400"> Date: <input type="text" class="eline e100"> 
  </div>
  </form>

  <p>
  <br>
  <table width="800"><td id="bar_tr"></td></table>

  <div id="office" style="position:relative; width: 95%;">

  <div style="position:absolute; right:40; width: 20%; text-align: right;">
   Rev 7/1/2012 (ro)
  </div>

  <div style="position:absolute; width: 80%; text-align: left;">
  For Office Use Only: &nbsp;&nbsp;&nbsp;  Received on  _______________________  &nbsp;&nbsp;
  <input type="checkbox" name="OffCheck"/>Check&nbsp;&nbsp;
  <input type="checkbox" name="OffCash"/>Cash
  </div>

  </div>

</html>
